<template>
	<view class="component">
		<view class="toptobBat">
			{{title}}
		</view>
	</view>
</template>

<script>
	import Vue from 'vue';
	import MybotBatComponent from './my-component.vue';

	Vue.component('my-component', MybotBatComponent);

	export default {
		//获取子页面的title值
		props: {
			title: {
				type: String,
				required: true
			}
		},
		methods: {}
	};
</script>

<style lang="scss">
	.component {
		background-color:#e5f1ff;
		position: absolute;
		top: 0;
		height: 10vh;
		z-index: 100;
		width: 100vw;
		border-bottom: 1px solid #d5d5d5;

		.toptobBat {
			width: 100vw;
			text-align: center;
			line-height: 14vh;
			font-size: 18px;
			color: #000000;
			height: 50px;
		}
	}
</style>